<!-- toaster directive -->
<toaster-container
        toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main"><i class="glyphicon glyphicon-cog"></i> 系统管理</a></li>
        <li><a ui-sref="main.sys.menu.list">菜单管理</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>
<div ng-show="loading" class="text-center m-t-md text-lg dataWarn"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">
            <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs"
               ui-sref="main.sys.menu.list">
                <i class="text-md glyphicon glyphicon-chevron-up text-muted"></i></a>
        </div>
        <!--表单-->
        <div class="panel-body">
            <form class="form-horizontal" name="house_form">

                <div class="form-group">
                    <label for="menu_code" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>菜单编码：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.menu_code" name="menu_code" id="menu_code" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="menu_name" class="col-lg-1 control-label text-right">菜单名称：</label>
                    <div class="col-lg-4">
                        <input type="text" name="menu_name"id="menu_name" class="form-control" ng-model="record.menu_name">
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label for="parent_id" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>父菜单：</label>
                    <div class="col-lg-4">
                        <select class="form-control" ng-model="record.parent_id" name="parent_id" id="parent_id">
                            <option value="" ng-selected=1></option>
                            <option ng-repeat="item in sysMenu" value="{{item.id_}}">{{item.menu_name}}</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="sort_no" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>排序：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.sort_no" name="sort_no" id="sort_no">
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label for="menu_type" class="col-lg-1 control-label text-right">菜单类型：</label>
                    <div class="col-lg-4">
                        <select class="form-control" ng-model="record.menu_type" name="menu_type"id="menu_type">
                            <option value="" ng-selected=1></option>
                            <option value="0">CRUD</option>
                            <option value="1">系统菜单</option>
                            <option value="2">业务菜单</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="request_" class="col-lg-1 control-label text-right">菜单URL：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.request_" name="request_"id="request_">
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label for="expand_" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>状态：</label>
                    <div class="col-lg-4">
                        <select class="form-control" ng-model="record.expand_" name="expand_"id="expand_">
                            <option value="" ng-selected=1></option>
                            <option value="0">收缩</option>
                            <option value="1">展开</option>
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="permission_" class="col-lg-1 control-label text-right">权限标识：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.permission_" name="permission_"id="permission_">
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group" style="width: 100%">
                    <div class="col-sm-6 col-sm-offset-2 text-center"
                         style="width: 100%;margin: 0;padding: 0;text-align: center">
                        <button type="button" class="btn  w-xs addNew" ng-show="reset" ng-click="resetFrom()">重置</button>
                        <button type="submit" class="btn btn-info w-xs m-l-xl addNew"
                                ng-disabled="isDisabled">保存
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<style scoped>
    .col-lg-1 {
        width: 140px;
    }

    .form-group {
        width: 50%;
        float: left;
    }

    .form-group .col-lg-2 {
        width: 25%;
    }

    .form-group .col-lg-4 {
        width: 65%;
    }

    .app-content-body .content{
        margin-top:40px;
    }
</style>